﻿html {
    height: 100%;
}
#warpper-all {
    height: 100%;
    box-sizing: border-box;
    padding-left: 200px;
    position: relative;
}

/* 表格 */
.kstable {
    width: 100%;
    margin: 0;
    box-sizing: border-box;
    border-style: solid;
    border-color: rgb(215, 230, 250);
    border-width: 1px;
    color: rgb(94,94,94);
    font-size: 14px;
    text-align: left;
    background-color: #fff;
}
.kstable tbody td.name {
    color: rgb(29,161,220);
}
.kstable tbody td.register_date {
    color: rgb(153,153,153);
}

.kstable thead td {
    border-bottom: 1px solid rgb(215, 230, 250);
}
.kstable tbody td {
    border-bottom: 1px solid rgb(215, 230, 250);
}
.kstable td.index {
    width: 100px;
    box-sizing: border-box;
    padding-right: 40px;
    text-align: center;
}
.kstable tfoot {
    font-size: 13px;
}
.kstable tfoot .pagination {
    float: right;
    margin-right: 15px;
}
.pagination .disabled {
    border-color: rgb(184, 184, 184) !important;
    color: rgb(184, 184, 184) !important;
}
.pagination > span, .pagination > strong, .pagination > a {
    margin-left: 0.5em;
}
.pagination > *:first-child {
    margin-left: 0;
}
.pagination strong {
    display: inline-block;
    font-weight: normal;
}
.pagination strong .current {
    background-color: #1b7dd6;
    color: #fff;
}
.pagination strong span, .pagination strong a {
    border-radius: 3px;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    text-align: center;
    width: 20px;
}
.item1 {
    width: 130px;
}
.item2 {
    width: 180px;
}
.item3 {
    width: 300px;
}
.item4 {
    width: 360px;
}
.item6 {
    width: 50%;
}
/*.item2 {
    width: 16.6667%;
}
.item3 {
    width: 25%;
}
.item4 {
    width: 33.3333%;
}
.item6 {
    width: 50%;
}*/

/* 头部 */
#header {
    height: 50px;
    line-height: 50px;
    background-color: rgb(63,58,98);
}
.dropButton {
    width: 115px;
    height: 39px;
    line-height: 39px;
    margin-left: 20px;
    display: inline-block;
    font-weight: bold;
    border-radius: 3px;
    color: #fff;
    position: relative;
    user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
}
.dropButton.time {
    background: rgb(139,215,60);
}
/*.dropButton.products {*/
    /*background: rgb(254,102,94);*/
/*}*/
.dropMenu {
    width: 100%;
    position: absolute;
    left: 0;
    display: none;
}
.dropButton .trigger {
    box-sizing: border-box;
    padding-left: 42px;
    display: inline-block;
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.dropMenu .item {
    box-sizing: border-box;
    padding-left: 38px;
    background-color: rgb(254,102,94);
}
/**产品排行：下拉菜单 刘北盟 开始 **/
.dropButton.time {
    background:url(/img/center/last_bg.png) no-repeat 0 0;
}
.products {
    width: 153px;
    height: 39px;
    line-height: 39px;
    margin-left: 20px;
    display: inline-block;
    font-weight: bold;
    color: #FFF;
    cursor: pointer;
    position: relative;
    user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    background:url(/img/center/product_title_bg.png?V=201314) no-repeat 0 0;
}
.products .dropMenu{
    color:#9589D0;
    width:189px;
    height:120px;
    background:url(/img/center/dropmenu_bg.png?V=201314) no-repeat 0 0;
}
.products .item{
    width:189px;
    heigh:28px;
    background:url(/img/center/product_item.png?V=201314) no-repeat 10px 9px;
}
/**产品排行：下拉菜单 刘北盟 结束 **/
.logout {
    float: right;
    margin-right: 40px;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
}
.logout:visited {
    color: #fff;
}

/* 日期控件 */
.time-wrapper {
    position: absolute;
    z-index: 1;
    line-height: 18px;
}
        .calendar_div{width:730px;height:250px;margin-top: 5px;background-color: rgb(244,243,250);border: rgb(161,153,219) solid 1px;border-radius: 5px;}
        .buttons_div{width:186px;float:left;}
        .datapicker_div{margin-left:187px;background:#7dbb5e;}
        .interval{width:186px;height:25px;box-sizing: border-box;line-height:25px;margin-top:7px;padding-left:42px;background:url(/img/center/product_item.png) no-repeat 8px 0;list-style:none;cursor:pointer;color:#958bce;}
        .interval.active {
            background:url(/img/center/last_button.png) no-repeat 8px 0;
            color: #fff;
        }
        .last_button{ 
            background-image: none;
            width: 166px;
            padding: 0;
            color: #958bce;
            text-align: center;
            margin-left: 6px;
            position: relative;
            top: 10px;
        }
        .begin_end{width:170px;margin:0 auto;}
        .begin_time,.end_time{width:80px;height:60px;color:#958bce;}
        .begin_time input,.end_time input{background:url(/img/center/input_bg.png) no-repeat 0 0;width:73px;height:30px;border:0;}
        .submit_div{width:170px;margin:0 auto}
        .time-wrapper .button{border-radius:3px;width:60px;height:34px;background:#a0de59;border:0;color:#FFF;cursor: pointer;}
        .datepicker{margin:15px 0 0 0;}
        .begin{padding-left:5px;}
        .end{padding-right:8px;}
        /**日历控件**/
        .ui-widget.ui-widget-content {
            border: 1px solid rgb(211, 211, 211);
            width:240px;
            padding:0 10px 0 10px;
        }
        .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
            border:none;
            background:none;
            font-weight: normal;
            color: rgb(85, 85, 85);
        }
        .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
            border:none;
            background:#EFCEE8;
            font-weight: normal;
            color: rgb(255, 255, 255);
        }
        .ui-state-hover,
        .ui-widget-content .ui-state-hover,
        .ui-widget-header .ui-state-hover,
        .ui-state-focus,
        .ui-widget-content .ui-state-focus,
        .ui-widget-header .ui-state-focus,
        .ui-button:hover,
        .ui-button:focus {
            border:none;
            background:#EFCEE8;
            font-weight: normal;
            color:#FFF;
        }
        td[data-handler*="selectDay"]{
            background:#ECEAFA;
        }
        .ui-datepicker .ui-datepicker-header {
            position: relative;
            padding: .2em .7em;
        }
        .ui-datepicker .ui-datepicker-prev {
            left: 9px;
        }
        .ui-datepicker .ui-datepicker-next {
            right: 9px;
        }
        .ui-datepicker table {
            width: 100%;
            font-size: 14px;
            border-collapse: collapse;
            margin: 0 0 0.8em;
        }
        .ui-widget-header {
             border: 1px solid #FFF;
             background: none;
            color: rgb(34, 34, 34);
            font-weight: bold;
        }
        .ui-datepicker td {
            border: 0;
            padding: 1px;
            text-align: center;
        }
        .ui-datepicker td span, .ui-datepicker td a {
            display: block;
            padding: 2px;
            text-align: center;
            text-decoration: none;
        }
        .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {/*1002*/
            border: 1px solid #ECEAFA;
            background:url(/img/center/current.png) no-repeat center;
            color: rgb(54, 54, 54);
            height:26px;
            line-height: 26px;
        }
        .ui-widget-header .ui-icon {
            background-image: url(/img/center/arrow.png);
        }
        .ui-icon-circle-triangle-w {
            background-position:0 0;
        }
        .ui-icon-circle-triangle-e {
            background-position:-36px 0;
        }
        .ui-datepicker .ui-datepicker-title select{
            height: 1.6em;
            font-size: 14px;
            margin:1px 0;
            float:left;
            margin-right:4px;
        }

/* 边栏 */
#sidebar {
    width: 200px;
    height: 100%;
    position: absolute;
    left: 0;
    background-color: rgb(43,41,52);
}
#logo {
    width: 100%;
    height: 110px;
}
#logo img{
    padding-top:10px;
    padding-left:10px;
}
#sidebar .menu {
    color: #fff;
    font-weight: bold;
    user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
}
#sidebar .menu .menu-dir {
    box-sizing: border-box;
    padding-left: 34px;
}
#sidebar .dir-head {
    line-height: 45px;
    font-size: 14px;
    cursor: pointer;
}
#sidebar .dir-head .fold {
    width: 14px;
    height: 14px;
    line-height: 14px;
    display: inline-block;
    margin-right: 16px;
}
#sidebar .dir-item {
    line-height: 30px;
    font-size: 12px;
    position: relative;
    cursor: pointer;
}
#sidebar .dir-item .icon {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 4px;
    background: #fff;
}
#sidebar .dir-item .text {
    position: absolute;
    left: 25px;
}

#sidebar .menu .menu-dir.active {
    background-color: rgb(63,58,98);
}
#sidebar .menu .menu-dir.active .dir-body,
#sidebar .menu .menu-dir.show .dir-body {
    display: block;
}
#sidebar .dir-item.active {
    color: rgb(149,139,206);
}
#sidebar .dir-item.active .icon {
    background-color: rgb(149,139,206);
}

/* 日历 */
/*.input-box {
    display: inline-block;
}
.dateSelector {
    width: 80px;
}


.calendar {
    position: absolute;
    z-index: 2;
    display: none;
    font-size: 12px;
}
.calendar .ctrlBar {
    line-height: 28px;
    position: relative;
    color: #fff;
    background-color: rgb(127, 203, 237);
}
.calendar .ctrl {
    font-size: 18px;
    position: relative;
    top: -2px;
    cursor: pointer;
}
.calendar .prev.ctrl {
    margin-left: 4px;
    float: left;
}
.calendar .next.ctrl {
    margin-right: 2px;
    float: right;
}
.calendar .name {
    width: 80px;
    margin-left: -40px;
    text-align: center;
    display: inline-block;
    position: absolute;
    cursor: default;
}
.calendar .left.name {
    left: 50%;
}
.calendar .week,
.calendar .dates {
    text-align: center;
    clear: both;
}
.calendar .week {
    background-color: rgb(36, 126, 208);
}
.calendar .dates {
    min-height: 177px;
    padding-bottom: 10px;
    background-color: rgb(27, 87, 141);
}
.dates .wapper {
    width: 245px;
    margin-top: -3px;
    display: inline-block;
    text-align: left;
}
.calendar .day,
.calendar .date {
    width: 35px;
    display: inline-block;
    text-align: center;
}
.calendar .day {
    height: 28px;
    line-height: 28px;
    color: #fff;
    cursor: default;
}
.calendar .date {
    height: 23px;
    line-height: 23px;
    margin-top: 7px;
    vertical-align: middle;
    color: #fff;
    cursor: pointer;
}
.calendar .invalid.date {
    color: rgb(106, 142, 180);
}
.calendar .selected.date {
    background: url("/img/center/date-select.png") no-repeat center center;
} */


.warp_content{margin-top:20px;margin-left:20px;border:1px solid #CBE1EE;}
.title{font-size:18px;font-weight:bolder;color:#4B95BC;height:40px;line-height:40px;background:#F8FDFD;padding-left:10px;}

/* 首页概况 */

#data_summary .warp_content {
    text-align: center;
}
#data_summary .title {
    text-align: left;
}
.datassum{height:180px;font-size:16px;font-weight:bolder;width:90%;position:relative;display: inline-block;text-align: left;margin:40px auto 0;}
.datassum li{float:left;position:relative;width:45%;height:90px;line-height:90px;}
#data_summary .icon{display:block;width:25px;height:25px;position:absolute;top:32px;}
#data_summary .name{padding-left:30px;}
.data_company .icon{background:url(/img/center/icon-company.png) no-repeat 0 0;}
.data_install .icon{background:url(/img/center/icon-install.png) no-repeat 0 0;}
.data_day_active .icon{background:url(/img/center/icon-date.png) no-repeat 0 0;}
.data_month_active .icon{background:url(/img/center/icon-month.png) no-repeat 0 0;}
.date_due{position:absolute;right:0;top:32px;}
.images{margin-top:40px;margin-bottom:40px;}

/* basic_active 活跃用户 */
.active_div{height:380px;}
.active_title{margin:40px auto 40px;height:30px;position:relative;}
#active .button{width:101px;height:25px;position:absolute;right:20px;cursor:pointer;}
#active .button span{display:block;width:50px;height:25px;}
#active {width:100%;display: inline-block;}
.active_div{height:380px;position: relative;}
.active_title{margin:40px auto 40px;height:30px;position:relative;}
#active .button{height:25px;position:absolute;right:20px;cursor:pointer;}
#active .button span{
    display:inline-block;width:50px;height:25px;line-height:25px;box-sizing: border-box;border-radius: 4px;border: 1px solid rgb(191,191,191);text-align: center;
    font-size: 12px;
    font-weight: bold;
    color: rgb(71,148,190);
}
#active .button span.left {
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    float: left;
}
#active .button span.right {
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    float: right;
}
#active .button span.active {
    border-color: rgb(71,148,190);
    background-color: rgb(71,148,190);
    color: #fff;
}
.noData {
    height: 20px;
    width: 100px;
    margin-top: -10px;
    margin-left: -50px;
    position: absolute;
    left: 50%;
    font-size: 16px;
    top: 50%;
    display: none;
}

/* basic_trend 趋势分析 */
.trand_div{height:380px;}
.trend_title{margin:40px auto 40px;height:30px;position:relative;}
#trend .button{width:101px;height:25px;position:absolute;right:20px;cursor:pointer;background:url("/img/center/zhibiao.png") no-repeat 0 0;}
#trend .button b{line-height:25px;padding-left:10px;}
#trend .button span{color:#4b95bc;padding-left:4px;}
.hide_button{display:none;width:300px;height:74px;position:absolute;right:20px;top:28px;border:1px solid #BFBFBF;}
.select_radio{height:40px;line-height:40px;border-bottom:1px dashed #BFBFBF;}
.select_radio label{padding-left:20px;}
.description{padding-right:15px;height:32px;line-height:32px;}

/* 留存统计*/
#retention table tr {
    height: 25px;
    line-height: 25px;
}
#retention thead td,
#retention tbody td {
    border-left: 1px solid rgb(238,238,238);
}
#retention thead td:first-child,
#retention tbody td:first-child {
    border-left: none;
}
#retention thead td,
#retention tbody td {
    text-align: center;
    border-bottom-color: rgb(238,238,238);
}
#retention thead td.title{
    text-align: left;
}
#retention thead .text,
#retention tbody .text {
    display: inline-block;
}
#retention .min {
    background-color: rgb(225,225,225);
}
#retention .max {
    background-color: rgb(60,163,228);
    color: #fff;
}
#retention td.dat, #retention td.ins {
    text-align: center;
}
#retention td.dat .text, #retention td.ins .text{
    width: 40%;
    text-align: left;
},
/* 企业排行 */
#companyRank {
    margin-top: 77px;
}
/* 地域统计 */
#companyRank table,
#territory table{font-weight:bolder;margin-top:40px;}
#companyRank table tr,
#territory table tr
{height:40px;line-height:40px;}

/* users_terminal 终端情况 */
.terminal_left{width:75%;}
.terminal_right{width:25%;}
.terminal_div{height:500px;}
.terminal_title{margin:40px auto 40px;height:30px;}
.terminal_echart,.titles{width:33%;}
.titles{font-size:18px;font-weight:bolder;}

